/**
* Star ratings
* (en) Styles for the star rating feature
* (de) Stile fuer die Bewertung mit Sternchen
*
* @section star-rating
*/

/* Reset für main_content FU */

#starRating ul {
  margin: 0;
  padding: 0;
  background: url(../../../images/rails_connector/ratings/star_extrasmall.png) left -1000px repeat-x;
}

#starRating ul li {
  margin: 0;
  padding: 0;
  background: url(../../../images/rails_connector/ratings/star_extrasmall.png) left -1000px repeat-x;
}

/* Ende Reset */

#starRating {
  position:relative;
  margin-top:15px;
}
#starRating h4{
  /* color: #99cc00; */
  color: #666666;
  font-weight: bold;
}

#starRating_label {
  width:180px;
  text-align:left;
  margin:4px 0;
  color:#666666;
  font-size: 85%;
}

#starRating .star-rating, .star-rating a:hover, .star-rating a:active,
.star-rating a:focus, .star-rating, .current-rating {
  background: url(../../../images/rails_connector/ratings/star_extrasmall.png) left -1000px repeat-x;
}

#starRating .star-rating {
  position:relative;
  /*width:125px;*/
  width: 90px; /* für "star_plain_small" */
  height:25px;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0;
  background-position: left top;
}

#starRating .star-rating li {
  display: inline;
  padding:0;
  margin:0;
}

#starRating .star-rating a, .star-rating .current-rating {
  position:absolute;
  top:0;
  left:0;
  text-indent:-1000em;
  height:25px;
  line-height:25px;
  outline:none;
  overflow:hidden;
  border: none;
}

#starRating .star-rating a:hover, .star-rating a:active,
.star-rating a:focus {
  background-position: left bottom;
}

#starRating .star-rating a.one-star {
  width:20%;
  z-index:6;
}

#starRating .star-rating a.two-stars {
  width:40%;
  z-index:5;
}

#starRating .star-rating a.three-stars {
  width:60%;
  z-index:4;
}

#starRating .star-rating a.four-stars {
  width:80%;
  z-index:3;
}

#starRating .star-rating a.five-stars {
  width:100%;
  z-index:2;
}

#starRating .star-rating .current-rating {
  z-index:1;
  background-position: left center;
}